<!--
 * 档案门类 入口组件
 * :
 * @version: 1.0
 * @author: lakeside hubin_yuan.410@hotmail.com
 * @date: 20120-07-14
 * @LastEditors:
 * @LastEditTime:
 -->
<template>
  <el-row :gutter="20" class="wrapper" type="flex">
    <el-col :lg="6" :md="8" :span="8">
      <dossierCategoryTree layoutMode="treeDialog" @choiceChange="choiceChange"></dossierCategoryTree>
    </el-col>
    <el-col :lg="18" :md="16" :span="16">
      <dossier-field-tmpl-tree v-if="choiceData.model==='catalogue'" layout-mode="treeForm"></dossier-field-tmpl-tree>
      <!--<dossierCategoryGrid :parentData="choiceData"></dossierCategoryGrid>-->
    </el-col>
  </el-row>
</template>

<script>
import DossierCategoryTree from './tree'
import DossierCategoryGrid from './grid'
import DossierFieldTmplTree from "@views/dossier/fieldTmpl/tree";

export default {
  name: "dossierCategoryManager",
  components: {
    DossierFieldTmplTree,
    DossierCategoryTree,
    DossierCategoryGrid
  },
  data() {
    return {
      choiceData: {}
    }
  },
  methods: {
    choiceChange(id, data, node) {

      this.choiceData = data
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
